<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>本金兑换夺宝币</title>
    <link rel="stylesheet" href="../css/mobile_reset.css">
    <link rel="stylesheet" href="../css/mui.css">
    <link rel="stylesheet" href="../css/modal_alert.css">
    <link rel="stylesheet" href="../css/personal_center/money_exchangeDbaobi.css">
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);


        })();

        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
<div class="layout-container">
    <!--本金兑换夺宝币详情-->
    <div class="exchange_detail">
        <p>当前夺宝币：<b>750</b><b>个</b></p>
        <p>可兑换本金：<span>100.00</span><span>元</span></p>
        <p>兑换本金：</p>
        <p><input type="text" placeholder="0.00" ></p>
        <p class="state">1元本金可兑换10个夺宝币</p>
        <p class="get_Dbaobi">可获得夺宝币：<span>0</span><span>个</span></p>
    </div>
    <div class="exchange_btn">
        <input type="button" value="确认兑换">
    </div>
    <div class="exchange_state">
        <p>说明：</p>
        <p>1.1元本金可以兑换10个夺宝币。</p>
        <p>2.兑换夺宝币后，夺宝币不可再兑换回本金。</p>
    </div>
</div>


<div class="modal_box" style="display:none;">
    <div class="modal_content">
        <p class="hint">
            <span>提示</span>
            <img class="close" src="../images/tc_icon_off_default.png" alt="">
        </p>
        <div class="theme_content">
            <div class="main">
                <p>恭喜您获得 <span>1111</span><span>个夺宝币</span></p>
                <p>已扣除 <span>2222</span><span>元本金</span></p>
            </div>
        </div>
        <p class="btns">
            <input type="button" value="确定">
            <input class="close" type="button" value="取消">
        </p>
    </div>
    <div class="mask_layer"></div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/mui.js"></script>
<script type="text/javascript" src="../js/alert.js"></script>
<script type="text/javascript" charset="utf-8">
    //    取消禁止a标签的跳转
    mui('body').on('tap','a',function(){document.location.href=this.href;});
</script>
</html>















